/* packageB/settlement/index.wxss */
page {
	background: #F8F8F8;
}

.chooseAddress {
	width: 686rpx !important;
	height: 86rpx !important;
	margin: 0 auto;
	margin-top: 24rpx;
	border-radius: 12rpx !important;

	.title {
		font-size: 28rpx !important;
		color: #201D1D !important;
	}

	.addressValue {
		flex: 2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.service {
	width: 686rpx;
	height: 296rpx;
	margin: 0 auto;
	margin-top: 24rpx;

	background: #FFFFFF;
	border-radius: 12rpx;

	border: 2rpx solid #F2F2F2;

	.title {
		font-size: 28rpx !important;

		color: rgba(32, 35, 39, 0.7) !important;
	}

	.bottom {
		padding: 24rpx;
		width: 100%;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-self: center;

		.left {
			display: flex;
			justify-content: space-between;

			width: 100%;

			image {
				width: 200rpx;
				height: 160rpx;
				border-radius: 12rpx;
				overflow: hidden;
			}

			.content {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				font-size: 28rpx;
				margin-left: 24rpx;
				flex: 1;

				.name {
					color: #06021A;
					text-overflow: -o-ellipsis-lastline;
					overflow: hidden; //溢出内容隐藏
					text-overflow: ellipsis; //文本溢出部分用省略号表示
					display: -webkit-box; //特别显示模式
					-webkit-line-clamp: 2; //行数
					line-clamp: 2;
					-webkit-box-orient: vertical; //盒子中内容竖直排列

				}

				.priceBox {
					display: flex;
					justify-content: space-between;
					align-items: center;
				}

				.price {
					color: #F33224;
				}
			}
		}

		.right {
			line-height: 160rpx;
			font-size: 24rpx;
			color: rgba(6, 2, 26, 0.6);
		}
	}

}

.submitBtn {
	width: 750rpx;
	height: 134rpx;
	background: #FFFFFF;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 0;
	padding-bottom: env(safe-area-inset-bottom);

	.btn {
		width: 686rpx;
		height: 86rpx;
		font-size: 28rpx;
	}
}